<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta charset="utf-8" />
    <title>进度管理-进度查询</title>
    </title>

    <meta name="description" content="Common form elements and layouts" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

    <link rel="stylesheet" href="../assets/css/bootstrap.min.css" />
    <link rel="stylesheet" href="../assets/font-awesome/4.5.0/css/font-awesome.min.css" />
    <link rel="stylesheet" href="../assets/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style" />
    <link rel="stylesheet" href="../assets/css/components.css">
    <link rel="stylesheet" href="../assets/css/darkblue.css">
    <link rel="stylesheet" href="../assets/css/dataTables.bootstrap.css ">

</head>
<script>
    if (sessionStorage.getItem('login_msg') !== '登陆成功') {
        window.location.href = '/pms/login.html'
    }
</script>

<body>

    <body class="no-skin">
        <div id="navbar" class="navbar navbar-default  ace-save-state">
            <div class="navbar-container ace-save-state" id="navbar-container">

                <div class="navbar-header pull-left">
                    <a href="./index.html" class="navbar-brand">
                        <small>
                            <i class="fa fa-leaf"></i>
                            项目管理子系统
                        </small>
                    </a>
                </div>

                <div class="navbar-buttons navbar-header pull-right" role="navigation">
                    <button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler"
                        data-target="#sidebar">
                        <span class="sr-only">Toggle sidebar</span>

                        <span class="icon-bar"></span>

                        <span class="icon-bar"></span>

                        <span class="icon-bar"></span>
                    </button>
                    <ul class="nav ace-nav">
                        <li class="light-blue dropdown-modal">
                            <a data-toggle="dropdown" href="#" class="dropdown-toggle">
                                <img class="nav-user-photo" src="../assets/images/avatars/user.jpg"
                                    alt="Jason's Photo" />
                                <span class="user-info">
                                    <small>欢迎,</small>
                                    <p id="yourName"></p>
                                </span>

                                <i class="ace-icon fa fa-caret-down"></i>
                            </a>

                            <ul
                                class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
                                <li>
                                    <a href="../profile.html">
                                        <i class="ace-icon fa fa-user"></i>
                                        个人主页
                                    </a>
                                </li>
                                <li class="divider"></li>
                                <li>
                                    <a href="../login.html">
                                        <i class="ace-icon fa fa-power-off"></i>
                                        退出登陆
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div><!-- /.navbar-container -->
        </div>

        <div class="main-container ace-save-state" id="main-container">


            <div id="sidebar" class="sidebar   responsive   ace-save-state">

                <ul class="nav nav-list">
                    <li class="">
                        <a href="../index.html">
                            <i class="menu-icon fas fa-home"></i>
                            <span class="menu-text"> 首页 </span>
                        </a>

                        <b class="arrow"></b>
                    </li>

                    <li class="" id="user_manage">
                        <a href="#" class="dropdown-toggle">
                            <i class="menu-icon fa fa-users"></i>
                            <span class="menu-text">
                                用户管理
                            </span>

                            <b class="arrow fa fa-angle-down"></b>
                        </a>

                        <b class="arrow"></b>

                        <ul class="submenu">
                            <li class="">
                                <a href="../user_manage/info.html">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    用户信息
                                </a>
                            </li>
                        </ul>
                    </li>

                    <li class="" id="project_manage">
                        <a href="#" class="dropdown-toggle">
                            <i class="menu-icon fas fa-project-diagram"></i>
                            <span class="menu-text"> 项目管理 </span>

                            <b class="arrow fa fa-angle-down"></b>
                        </a>

                        <b class="arrow"></b>

                        <ul class="submenu">
                            <li class="">
                                <a href="../project_manage/project_info.html">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    项目信息
                                </a>

                                <b class="arrow"></b>
                            </li>

                            <li class="">
                                <a href="../project_manage/add_project.html">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    发布任务
                                </a>

                                <b class="arrow"></b>
                            </li>
                        </ul>
                    </li>

                    <li class="" id="document_manage">
                        <a href="#" class="dropdown-toggle">
                            <i class="menu-icon fas fa-folder"></i>
                            <span class="menu-text"> 文档管理 </span>

                            <b class="arrow fa fa-angle-down"></b>
                        </a>

                        <b class="arrow"></b>

                        <ul class="submenu">
                            <li class="">
                                <a href="../document_manage/statistics.html">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    文档统计
                                </a>

                                <b class="arrow"></b>
                            </li>

                            <li class="">
                                <a href="../document_manage/edit.html">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    文档标准化命名
                                </a>

                                <b class="arrow"></b>
                            </li>

                            <li class="">
                                <a href="../document_manage/upload.html">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    文档上传
                                </a>

                                <b class="arrow"></b>
                            </li>
                        </ul>
                    </li>

                    <li class="" id="notice">
                        <a href="#" class="dropdown-toggle">
                            <i class="menu-icon fa fa-comment"></i>
                            <span class="menu-text"> 通知管理 </span>

                            <b class="arrow fa fa-angle-down"></b>
                        </a>

                        <b class="arrow"></b>

                        <ul class="submenu">
                            <li class="">
                                <a href="../notice/publish.html">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    通知发布
                                </a>

                                <b class="arrow"></b>
                            </li>

                            <li class="">
                                <a href="../notice/send.html">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    通知发送
                                </a>

                                <b class="arrow"></b>
                            </li>
                        </ul>
                    </li>

                    <li class="" id="meeting">
                        <a href="#" class="dropdown-toggle">
                            <i class="menu-icon fa fa-coffee"></i>
                            <span class="menu-text">
                                会议管理
                            </span>

                            <b class="arrow fa fa-angle-down"></b>
                        </a>

                        <b class="arrow"></b>

                        <ul class="submenu">
                            <li class="">
                                <a href="../meeting/record.html">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    会议记录
                                </a>

                                <b class="arrow"></b>
                            </li>

                            <li class="">
                                <a href="../meeting/notice.html">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    会议通知
                                </a>

                                <b class="arrow"></b>
                            </li>
                        </ul>
                    </li>

                    <li class="" id="money">
                        <a href="#" class="dropdown-toggle">
                            <i class="menu-icon fas fa-dollar-sign"></i>
                            <span class="menu-text">
                                资产管理
                            </span>

                            <b class="arrow fa fa-angle-down"></b>
                        </a>

                        <b class="arrow"></b>

                        <ul class="submenu">
                            <li class="">
                                <a href="../money/money.html">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    资产信息管理
                                </a>

                                <b class="arrow"></b>
                            </li>

                        </ul>
                    </li>

                    <li class="" id="contract">
                        <a href="#" class="dropdown-toggle">
                            <i class="menu-icon fas fa-file-contract"></i>
                            <span class="menu-text">
                                合同管理
                            </span>

                            <b class="arrow fa fa-angle-down"></b>
                        </a>

                        <b class="arrow"></b>

                        <ul class="submenu">
                            <li class="">
                                <a href="../contract/contract.html">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    合同信息管理
                                </a>

                                <b class="arrow"></b>
                            </li>

                        </ul>
                    </li>

                    <li class="active open" id="process">
                        <a href="#" class="dropdown-toggle">
                            <i class="menu-icon fas fa-spinner"></i>
                            <span class="menu-text">
                                进度管理
                            </span>

                            <b class="arrow fa fa-angle-down"></b>
                        </a>

                        <b class="arrow"></b>

                        <ul class="submenu">
                            <li class="active">
                                <a href="./query.html">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    进度查询
                                </a>

                                <b class="arrow"></b>
                            </li>

                            <li class="">
                                <a href="./warn.html">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    进度预警
                                </a>

                                <b class="arrow"></b>
                            </li>

                        </ul>
                    </li>
                    <li class="active open">
                        <a href="#" class="dropdown-toggle">
                            <i class="menu-icon fas fa-wind"></i>
                            <span class="menu-text">
                                天气信息
                            </span>

                            <b class="arrow fa fa-angle-down"></b>
                        </a>

                        <b class="arrow"></b>

                        <ul class="submenu">
                            <li class="active">
                                <a href="../weather/weather_show.html">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    天气查询
                                </a>

                                <b class="arrow"></b>
                            </li>

                        </ul>
                    </li>
                </ul><!-- /.nav-list -->

                <div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
                    <i id="sidebar-toggle-icon" class="ace-icon fa fa-angle-double-left ace-save-state"
                        data-icon1="ace-icon fa fa-angle-double-left"
                        data-icon2="ace-icon fa fa-angle-double-right"></i>
                </div>
            </div>

            <div class="main-content">
                <div class="main-content-inner">
                    <div class="breadcrumbs ace-save-state" id="breadcrumbs">
                        <ul class="breadcrumb">
                            <li>
                                <i class="ace-icon fa fa-home home-icon"></i>
                                <a href="../index.html">首页</a>
                            </li>

                            <li>
                                <i class="fas fa-angle-right"></i>
                                <a href="#">进度管理</a>
                            </li>
                            <li class="active">
                                <i class="fas fa-angle-right"></i>
                                进度查询
                            </li>
                        </ul><!-- /.breadcrumb -->

                        <div class="page-content">
                            <!-- ///////////////////////////////////////////////页面编辑区   开始//////////////////////////////////////////////////////////-->
                            <!--                        项目信息框-->
                            <div class="row" id="datatable_tab">
                                <div class="page-header">
                                    <h1>
                                        我管理的项目进度详情
                                    </h1>
                                </div><!-- /.page-header -->
                                <div class="col-xs-12">
                                    <div class="portlet box blue">
                                        <div class="portlet-title">
                                            <div class="caption">
                                                <i class="fa fa-comments"></i>
                                                项目进度查询
                                            </div>
                                        </div>
                                        <div class="portlet-body">
                                            <button class="btn btn-inverse"
                                                id="datatable_project_export_button">导出项目进度信息</button>
                                            <button class="btn btn-pink"
                                                id="datatable_project_print_button">打印项目进度信息</button>
                                            <button class="btn btn-light"
                                                id="datatable_project_static_button">统计项目进度信息</button>

                                            <div class="table-scrollable">
                                                <table class="table table-bordered table-hover datatable">
                                                    <thead>
                                                        <tr>
                                                            <th>
                                                                项目名称
                                                            </th>
                                                            <th>
                                                                项目经理
                                                            </th>
                                                            <th>
                                                                立项日期
                                                            </th>
                                                            <th>
                                                                截止日期
                                                            </th>
                                                            <th style="width: 30%">
                                                                完成进度(%)
                                                            </th>
                                                            <th>
                                                                更新进度
                                                            </th>
                                                        </tr>
                                                    </thead>
                                                    <tbody></tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--                        我的成员进度-->
                            <div class="row" id="member_datatable_tab">
                                <div class="page-header">
                                    <h1>
                                        我的成员任务进度详情
                                    </h1>
                                </div><!-- /.page-header -->
                                <div class="col-xs-12">
                                    <div class="portlet box blue">
                                        <div class="portlet-title">
                                            <div class="caption">
                                                <i class="fa fa-comments"></i>
                                                我的项目
                                            </div>
                                        </div>
                                        <div class="portlet-body">
                                            <button class="btn btn-inverse"
                                                id="member_datatable_project_export_button">导出项目进度信息</button>
                                            <button class="btn btn-pink"
                                                id="member_datatable_project_print_button">打印项目进度信息</button>
                                            <button class="btn btn-light"
                                                id="member_datatable_project_static_button">统计项目进度信息</button>

                                            <div class="table-scrollable">
                                                <table class="table table-bordered table-hover member_table">
                                                    <thead>
                                                        <tr>
                                                            <th style="width: 10%">
                                                                任务号
                                                            </th>
                                                            <th>
                                                                指派成员
                                                            </th>
                                                            <th>
                                                                任务内容
                                                            </th>
                                                            <th>
                                                                工作量
                                                            </th>
                                                            <th style="width: 30%">
                                                                完成进度(%)
                                                            </th>
                                                            <th>
                                                                操作
                                                            </th>
                                                        </tr>
                                                    </thead>
                                                    <tbody></tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--成员任务查看-->
                            <div class="row" id="task_datatable_tab">
                                <div class="page-header">
                                    <h1>
                                        我的任务进度详情
                                    </h1>
                                </div><!-- /.page-header -->
                                <div class="col-xs-12">
                                    <div class="portlet box blue">
                                        <div class="portlet-title">
                                            <div class="caption">
                                                <i class="fa fa-comments"></i>
                                                我的任务
                                            </div>
                                        </div>
                                        <div class="portlet-body">
                                            <div class="table-scrollable">
                                                <table class="table table-bordered table-hover task_table">
                                                    <thead>
                                                        <tr>
                                                            <th style="width: 10%">
                                                                序号
                                                            </th>
                                                            <th>
                                                                任务内容
                                                            </th>
                                                            <th>
                                                                工作量
                                                            </th>
                                                            <th>
                                                                状态
                                                            </th>
                                                            <th>
                                                                发布时间
                                                            </th>
                                                            <th>
                                                                截至时间
                                                            </th>
                                                            <th style="width: 30%">
                                                                完成进度(%)
                                                            </th>
                                                            <th>
                                                                更新进度
                                                            </th>
                                                        </tr>
                                                    </thead>
                                                    <tbody></tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- ///////////////////////////////////////////////页面编辑区   结束//////////////////////////////////////////////////////////-->

                        </div><!-- /.page-content -->
                    </div>
                </div><!-- /.main-content -->

                <!--更新进度-->
                <div class="modal fade draggable-modal" id="update_progress" name="update_progress" tabindex="-1"
                    role="basic" aria-hidden="true">
                    <div class=" modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                                <h4 class="modal-title">更新进度</h4>
                                </h4>
                            </div>
                            <div class="modal-body">
                                <!-- BEGIN SAMPLE FORM PORTLET-->
                                <div class="portlet-body form">
                                    <form role="form">
                                        <div class="form-body">
                                            <input type="hidden" class="form-control" id="id">
                                            <div class="form-group form-md-line-input form-md-floating-label">
                                                <label style="color: rgb(58, 58, 171);">更新</label>
                                                <input type="text" class="form-control" id="projectOrTask"
                                                    disabled="disabled">
                                            </div>
                                            <div class="form-group form-md-line-input form-md-floating-label has-info">
                                                <label style="color: rgb(58, 58, 171);"> 新的进度：</label>
                                                <input id="newProgress" style="width: 8%">
                                                <label style="color: rgb(58, 58, 171);">%</label>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <!-- END SAMPLE FORM PORTLET-->
                            <div class="modal-footer">
                                <button type="button" class="btn default" data-dismiss="modal">放弃更新</button>
                                <button type="button" class="btn btn-success" id="add_submit_button">确认更新</button>
                            </div>
                        </div>
                        <!-- /.modal-content -->
                    </div>
                    <!-- /.modal-dialog -->
                </div>

                <div class="footer">
                    <div class="footer-inner">
                        <div class="footer-content">
                            <span class="bigger-120">
                                <span class="blue bolder">Ace</span>
                                Application &copy; 2013-2014
                            </span>

                            &nbsp; &nbsp;
                            <span class="action-buttons">
                                <a href="#">
                                    <i class="ace-icon fa fa-twitter-square light-blue bigger-150"></i>
                                </a>

                                <a href="#">
                                    <i class="ace-icon fa fa-facebook-square text-primary bigger-150"></i>
                                </a>

                                <a href="#">
                                    <i class="ace-icon fa fa-rss-square orange bigger-150"></i>
                                </a>
                            </span>
                        </div>
                    </div>
                </div>

                <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
                    <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
                </a>
            </div><!-- /.main-container -->
        </div>
            <script src="../assets/js/jquery-2.1.4.min.js"></script>
            <script src="../assets/js/jquery-migrate.min.js"></script>
            <script src="../assets/js/jquery-ui.min.js"></script>
            <script src="../assets/js/bootstrap.min.js"></script>
            <script src="../assets/js/jquery.slimscroll.min.js"></script>
            <script src="../assets/js/bootstrap-datepicker.min.js"></script>
            <script src="../assets/js/ace-elements.min.js"></script>
            <script src="../assets/js/ace.min.js"></script>
            <script src="../assets/js/jquery.uniform.min.js"></script>
            <script src="../assets/js/jquery.dataTables.min.js"></script>

            <script>
                function showName() {
                    document.querySelector('#yourName').innerHTML = sessionStorage.getItem('user_name')
                }
                showName()
            </script>
            <script src="query.js" type="text/javascript"></script>

    </body>
</body>

</html>